*{
    margin: 0;
    padding: 0;
}
@media screen and (max-width:750px) {
    html {
        font-size: 13.33vw;
    }
}
@media screen and (min-width:751px) {
    html {
        font-size: 100px;
    }
}
body {
    width: 7.5rem;
    margin: 0 auto;
    min-width: 350px;
    /* background-color: #fafafa;  */
}

.container {
    width: 7.49rem;
    height: 16.24rem;
    background: #000;
    opacity: .1;
    margin: 0 auto;
    position: relative;
}
.cont {
   
    position: absolute;
    /*top: 3rem; */
    /* margin: 0 auto; */
    /* left: 7.2rem; */
    /* top: 25%;
    left: 10%; */
    top: 2rem;
    margin-left: .7rem;
}
.bounce {
    width: 6.06rem;
    height: 5.25rem;
    background: #F7FAFF;
    border-radius: .2rem;
    /* width: 7.5rem; */
    margin: 0 auto;
}
.bounce .top-bounce {
    width: 6.06rem;
    height: 2.7rem;
    display: flex;
    justify-content:center;
    align-items: center;
}
.bounce .top-bounce img{
    width: 2.12rem;
    height: 1.77rem;
}
.bounce .bottom-bounce {
    width: 6.06rem;
    height: 2.7rem;
    display: flex;
    /* justify-content: center; */
    align-items: center;
    flex-direction: column;
}
.bounce .bottom-bounce h3 {
    font-size: .36rem;
    font-family: PingFangSC;
    font-weight: 600;
    color: #2B2E46;
    line-height: .39rem;
}

.bounce .bottom-bounce p {
    font-size: .24rem;
    font-family: PingFangSC;
    font-weight: 600;
    color: #2B2E46;
    line-height: .39rem;
    opacity: 0.5;
    padding-top: .1rem;
}
